<template>
  <div>
    <p style="font-weight: 600">通用属性</p>
    <Row class="expand-row">
      <Col span="24" v-for="(attribute, index) in row.productAttributes" :key="index">
      <span class="expand-key" v-text="attribute.name" style="font-weight: 600"></span>
      :
      <span class="expand-value" v-text="attribute.value.join(',')"></span>
      </Col>
    </Row>
    <p style="font-weight: 600">规格属性</p>
    <Row>
      <Col span="24" v-for="(attribute, index) in row.specifications" :key="index">
      <span class="expand-key" v-text="attribute.name" style="font-weight: 600"></span>
      :
      <span class="expand-value" v-text="attribute.value.join(',')"></span>
      </Col>
    </Row>
  </div>
</template>
<script>
export default {
  props: {
    row: Object
  }
}
</script>

<style scoped>
  .expand-row{
    margin-bottom: 16px;
  }
</style>
